<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

    <head>
        <title>查看普通管理员</title>
        <%-- 全站样式 --%>
        <jsp:include page="/WEB-INF/jsps/template_style.jsp"></jsp:include>
    
        <style>
            tr, th ,td{
                text-align: center;
            }
        </style>
        
    </head>

    <body class="page-body skin-navy">
        <div class="page-container">
           <%--侧边栏 --%>
		<jsp:include page="/WEB-INF/jsps/sidebar.jsp"></jsp:include>
            <div class="main-content">
                <%--导航栏 --%>
				<jsp:include page="/WEB-INF/jsps/navbar.jsp"></jsp:include>
                <div class="page-title">
                    <div class="title-env">
                        <h1 class="title">查看普通管理员列表</h1>
                        <p class="description">
                            	您可以在此页面上查看普通管理员列表及其用户的详细信息以及冻结账户。
                        </p>
                    </div>
                </div>
                <div class="row">
                    <div class="panel panel-default panel-tabs">
                        <div class="panel-body">
                            <div class="tab-content">
                            	<button class="btn btn-info">添加普通管理员</button>
                                <div class="tab-pane active" id="user">
                                    <div class="panel panel-default">
                                        <div class="panel-body">
                                            <table class="table table-bordered table-striped">
                                                <thead>
                                                <tr>
                                                    <th>管理员编号编号</th>
                                                    <th>管理员名称</th>
                                                    <th>邮箱</th>
                                                    <th>状态</th>
                                                    <th>冻结期限</th>
                                                    <th>操作</th>
                                                </tr>
                                                </thead>
                                                <tbody class="middle-align" id="middle-align">
                                               		<tr>
                                               			<td>asdasd</td>
                                               			<td>asdasd</td>
                                               			<td>asdasd</td>
                                               			<td>asdasd</td>
                                               			<td>asdasd</td>                                              			
                                               			<td>
                                               				<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modal-2">详细信息</button>
                                               				<button type="button" class="btn btn-info">冻结</button>
                                               				<button type="button" class="btn btn-danger">删除</button>
                                               			</td>
                                               		</tr>
                                                 </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                               
                               
                            </div>
                        </div>
                    </div>
                </div>

		<%--页脚 --%>
		<jsp:include page="/WEB-INF/jsps/footer.jsp"></jsp:include>
            </div>
        </div>

        <div class="page-loading-overlay">
            <div class="loader-2"></div>
        </div>
        <div class="modal fade" id="modal-2"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title">详细信息</h4>
                    </div>

                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-8">
                                <div class="row">
                                    <div class="col-md-6">

                                        <div class="form-group">
                                            <label for="field-1" class="control-label">用户编号</label>

                                            <input type="text" class="form-control" id="userID" placeholder="001" disabled/>
                                        </div>
                                    </div>
                                    <div class="col-md-6">

                                        <div class="form-group">
                                            <label for="field-1" class="control-label">真实姓名</label>

                                            <input type="text" class="form-control" id="name" placeholder="John" disabled/>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6">
                                          <div class="form-group">
                                            <label for="field-1" class="control-label">性别</label>

                                            <input type="text" class="form-control" id="sex" placeholder="男" disabled/>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="field-1" class="control-label">出生年月</label>

                                            <input type="text" class="form-control" id="birthday" placeholder="2011年11月11日" disabled/>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="field-1" class="control-label">邮箱地址</label>
                                            <input type="text" class="form-control" id="email" placeholder="user@qq.com" disabled/>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="field-1" class="control-label">手机号码</label>
                                            <input type="text" class="form-control" id="phoneNumber" placeholder="123456789789" disabled/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <img src="../assets/images/user-4.png" alt="user-img" class="img-cirlce img-responsive img-thumbnail" />
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">

                                <div class="form-group">
                                    <label for="field-1" class="control-label">身份证号</label>

                                    <input type="text" class="form-control" id="IdCard" placeholder="3601111111111111111111" disabled/>
                                </div>

                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="field-1" class="control-label">个人地址</label>

                                    <input type="text" class="form-control" id="personAddress" placeholder="xxxxxxxxx" disabled/>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="field-1" class="control-label">工作地址</label>

                                    <textarea class="form-control autogrow" cols="5" id="workAddress" placeholder="xxxxxxxxxxxxxxxx" disabled></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-white" data-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade bs-example-modal-sm" id="freeze"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 id="messageTitie" class="modal-title"></h4>
                    </div>

                    <div class="modal-body">
                            <div style="text-align: center;">
                                <h4 id="messageBody"></h4>
                            </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-white" data-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-white" data-dismiss="modal" id="yes" >确定</button>
                    </div>
                </div>
            </div>
        </div>
        

        <%-- 尾部内容 --%>
        <jsp:include page="/WEB-INF/jsps/template_tail.jsp" />
        
        <!-- Imported styles on this page -->
        <link rel="stylesheet" href="assets/js/datatables/dataTables.bootstrap.css">
        <!-- Imported scripts on this page -->
        <script src="assets/js/datatables/js/jquery.dataTables.min.js"></script>
        <script src="assets/js/datatables/dataTables.bootstrap.js"></script>
        <script src="assets/js/datatables/yadcf/jquery.dataTables.yadcf.js"></script>
        <!--Specific JS for this page-->
       
    </body>

</html>